<template>
    <div class="ec-app-container">
        <el-form ref="shopForm" :model="shop" :rules="shopRules" label-width="120px">
            <title-container describe= "基本信息"/>
            <el-form-item label="商品类目" prop="name" class="mt-20">
                <el-input v-model="shop.name"/>
            </el-form-item>
            <el-form-item label="商品品牌" prop="name">
                <el-input v-model="shop.name"/>
            </el-form-item>
            <el-form-item label="商品品牌" prop="name">
                <el-input v-model="shop.name"/>
            </el-form-item>
            <title-container describe="商品信息"/>
            <el-form-item label="商品名称" prop="name" class="mt-20">
                <el-input v-model="shop.name"/>
            </el-form-item>
            <el-form-item label="商品货号" prop="name">
                <el-input v-model="shop.name"/>
            </el-form-item>
            <el-form-item label="商品标签" prop="name">
                <el-input v-model="shop.name"/>
            </el-form-item>
            <el-form-item label="商品价格" prop="name">
                <el-input v-model="shop.name"/>
            </el-form-item>
            <el-form-item label="" prop="name">
                <el-input v-model="shop.name"/>
            </el-form-item>
            <el-form-item label="商品图" prop="name">
                <el-input v-model="shop.name"/>
            </el-form-item>
            <title-container describe= "库存规格"/>
            <el-form-item label="总库存" prop="name" class="mt-20">
                <el-input v-model="shop.name"/>
            </el-form-item>
            <el-form-item label="商品规格" prop="name">
                <el-input v-model="shop.name"/>
            </el-form-item>
            <title-container describe="商品详情"/>
            <el-form-item label="商品详情" prop="name" class="mt-20">
                <el-input v-model="shop.name"/>
            </el-form-item>
        </el-form>
        <div class="gpo-btn text-center" >
            <el-button type="primary" class="gpo-btn_small" @click="onCancle">放入仓库</el-button>
            <el-button type="primary" class="gpo-btn_small" @click="onSubmit">立即发布</el-button>
        </div>
    </div>
</template>

<script>
    import TitleContainer from '@/components/GpoCommon/TitleContainer'
    export default {
        name: 'createshop',
        components: {
            TitleContainer
        },
        data() {
            return {
                shop: {
                    name: ''
                },
                shopRules: {
                    'name': [
                        { required: true, message: '请填写商品类目' }
                    ],
                }
            }
        },
        methods: {

        }

    }
</script>

<style scoped>

</style>